<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8"></meta>
    <title>二维码标签</title>


    <style>
        * {
            margin: 0;
            padding: 0;
        }


        @page {
            size: 50mm 30mm;
            margin: 5.5mm 1mm 6mm 4mm;
        }

        .qrCode {
            width: 14mm;
            height: 14mm;
        }

        .left {
            width: 16mm;
            float: left;
            text-align: center;
            margin-top: 3mm;
        }

        .right {
            width: 24mm;
            float: left;
            text-align: center;
            margin-top: 3.5mm;
        }

        .logo {
            width: 24mm;
            height: auto;
        }

        .text {
            font-size: 9pt;
            margin-top: 2px;
            font-family: SimSun;
        }

        .codeNo {
            font-size: 6pt;
            margin-top: 2px;
        }

    </style>
</head>

<body>
<div class="body">
    <div class="left">
        <img th:src="'data:image/png;base64,' + ${qrImg}" class="qrCode"/>
    </div>
    <div class="right">
        <img th:src="'data:image/png;base64,' + ${logoImg}" class="logo"/>
        <p th:text="${text}" class="text">说明文字可能有长说明文字可能有长</p>
        <p th:text="${codeNo}" class="codeNo">2021092240421</p>
    </div>
</div>
</body>

</html>